<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 网页中某个标签的说明文本 -->
    <!-- 增大表单控件的点击范围，比如扩大单选框的选中区域-->
<!-- 
    写法1：label只包裹内容，不包裹表单控件；设置label标签的for属性值和表单控件的id属性值相同-->
    <!-- id 任意 -->
    性别：
    <input type="radio" name="gender" id="man">  <label for="man">男</label>
    <input type="radio" name="gender" id="women" checked> <label for="women">女</label>

    <br><br>
    <!-- 写法2：使用 label 标签包裹文字和表单控件，不需要属性 -->
    <!-- id 任意 -->
    性别：
    <label><input type="radio" name="gender">男</label>
    <label><input type="radio" name="gender">女</label>

    <!-- 支持文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等 -->

</body>
</html>